<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
<h:head><title>#{msgs.registrationTitle}</title>
<link href="./css/styles.css" 
      rel="stylesheet" type="text/css"/> 
</h:head>
<h:body styleClass="#{formSettings.bodyStyleClass}">
<h1 class="title">#{msgs.registrationTitle}</h1>
<h3>
<h:outputFormat value="#{msgs.registrationText}">
  <f:param value="#{msgs.firstName}"/>
  <f:param value="#{msgs.lastName}"/>
  <f:param value="#{msgs.emailAddress}"/>
</h:outputFormat>
</h3>
<h:form>
<fieldset>
<legend>#{msgs.registrationTitle}</legend>
<h:outputFormat value="#{msgs.prompt}">
  <f:param value="#{msgs.firstName}"/>
</h:outputFormat>:
<h:inputText value="#{person.firstName}"/>
<br/>
<h:outputFormat value="#{msgs.prompt}">
  <f:param value="#{msgs.lastName}"/>
</h:outputFormat>:
<h:inputText value="#{person.lastName}"/>
<br/>
<h:outputFormat value="#{msgs.prompt}">
  <f:param value="#{msgs.emailAddress}"/>
</h:outputFormat>:
<h:inputText value="#{person.emailAddress}"/>
<br/>
<h:commandButton value="#{msgs.buttonLabel}" 
                 action="#{person.doRegistration}"/>
</fieldset>
<br/>
<div align="center">
<h:commandButton value="#{msgs.normalFont}" 
                 actionListener="#{formSettings.setNormalSize}"
                 immediate="true"/>
<h:commandButton value="#{msgs.largeFont}" 
                 actionListener="#{formSettings.setLargeSize}"
                 immediate="true"/>
</div>
</h:form>
</h:body></html>